<template>
	<div class="flex justify-center align-center">
		<span class="title" :style="'color:'+ value.txtColor">{{ value.txt }}</span>
	</div>
</template>

<script>
	export default {
		name: "m-text",
		props: {
			value: {
				type: Object,
				default () {
					return {}
				}
			}
		},
		data() {
			return {
				dataList: []
			};
		},
		computed: {},
		watch: {
			item(val) {
				this.$forceUpdate();
			},
		},
		created() {},
		methods: {}
	}
</script>

<style scoped>
	.title {
		text-align: center;
		font-size: 40rpx;
		padding: 40rpx 20rpx;
		font-weight: bold;
	}
</style>
